<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html lang="en">
<head>
	<base href="${pageContext.request.contextPath}/">
    <meta charset="UTF-8">
    <title>【trip网】出境游_旅游攻略_自助游攻略_游记攻略_境外旅游 旅途永无止尽</title>
    <link rel="stylesheet" href="css/BBSCommonCSS.css"/>
    <link rel="stylesheet" href="css/bbsCSS.css"/>
    <link rel="stylesheet" type="text/css" href="css/zoom.css">
    <link rel="icon" href="BBS-imgs/app_qyer.png"/>
    <link rel="shortcut icon" href="images/favicon.ico" /> 
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
</head>
<script src="js/jquery-1.12.4.js"></script>
<script src="js/bbs-js.js"></script>
<script src="js/zoom.js"></script>
<script>
    setInterval(function(){
        var tt=document.title;
        document.title=tt.substr(1)+tt.charAt(0);

    },50);
</script>
<body>
<!-- Header -->
	<header class="header_bg clearfix">
		<div class="container clearfix">
        	<!-- Social -->
            	<ul class="social-links">
                	<li ><a href="javascript:"><img src="images/facebook.png" alt="Facebook"></a></li>
                    <li ><a href="javascript:"><img src="images/twitter.png" width="24" height="24" alt="Twitter"></a></li>
                </ul>
            <!-- /Social -->
			 <!-- Logo -->
			<div class="logo">
				<a href="/trip/"><img src="images/logo.png" alt="" /></a>
			</div>
			 <!-- /Logo -->
			
			<!-- Master Nav -->
			<nav class="main-menu">
				<ul>
					<li><a href="/trip/">首页</a></li>
					<li>
						<a>分类</a>
						<ul>
							
							<li><a href="/trip/showhot">热门景点</a></li>
							
							<li><a href="elements.html">游玩直播</a></li>
							<li><a href="showNotes">达人游记</a></li>
							<li><a href="javascript:">攻略</a>
								<ul>
									<li><a href="pricing_2_cols.html">旅行路线</a></li>
                                    <li><a href="blog_single.html">微博动态</a></li>
                                    <li><a href="pricing_5_cols.html">问答</a></li>
									
								</ul>
							</li>
                            
                            <li><a href="full_width.html">美文</a></li>
						</ul>
					</li>
					<li><a>主题</a>
						<ul>
							<c:forEach var="t" items="${totalList}">
								<li><a href="/trip/showLocationByTotal/${t.tID}-${t.tName}">${t.tName}</a></li>
							</c:forEach>
						</ul>
					</li>
					<li><a href="user/reg">注册</a></li>
					<li><a href="user/login">登录</a></li>
				</ul>
			</nav>
			<!-- /Master Nav -->
		</div>
	</header>
	<!-- /Header -->

<!--bannerS-->
<div class="banner" id="banner">

    <div class="center bx">
        <img src="BBS-imgs/s1.jpg" alt=""/>

        <div class="right">
            <img src="BBS-imgs/s1.jpg" alt="头像" class="banner-head-pic"/>

            <div class="title clearfix">
                a黑马自驾游，您值得拥有，老师带你120迈开车，保准你不会迷路123。
            </div>
            <div class="select-pic">
                <img src="BBS-imgs/s5.jpg" alt=""/>
                <img src="BBS-imgs/s4.jpg" alt=""/>
                <img src="BBS-imgs/s3.jpg" alt=""/>
                <img src="BBS-imgs/s2.jpg" alt=""/>
                <img src="BBS-imgs/s1.jpg" alt="" class="select-current"/>
                <i></i>
                <i></i>
                <i></i>
                <i></i>
                <i></i>
            </div>
        </div>
    </div>
</div>
<!--bannerE-->

<!--内容S-->
<div class="con bx clearfix">
    <!--评论S-->
    <div class="left" id="con-left">
        <div class="title">
            游 记 攻 略
        </div>
        <div class="title">

        </div>
        <div class="title">

        </div>
        <c:forEach var="n" items="${notePage.list}" varStatus="i">
        	<div class="comment">
            <div class="close">X</div>
            <img src="${n.findUser().uImgPath}" class="hear-pic">
            <div class="top">
            <span class="user">${n.findUser().uName}</span>
                在
                <span class="adder">德玛西亚</span>
                发布的
                <span class="note"><a href="showNoteByNid/${n.nID}" target="_blank">${n.nTitle}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;发布时间：${n.nCreateDate}</span>
            </div>
            <div class="con">
              ${n.nIntro}
            </div>
            <div class="box-pics"><img src="${n.findNimgsByTop().niimgPath}" class="pic" data-action="zoom" style="z-index: 200"></div>
           
            <div class="bottom">
                ------- 大雪山，除了雪就是雪，还有马。
            </div>
        </div>
        </c:forEach>
      </div>
</div>
<p style="text-align: right; font-size: 30px">
					<c:if test="${notePage.pageNumber>1}">
						<a href="/trip/showLocationByTotal/1">首页</a> &nbsp
						<a href="/trip/showLocationByTotal/${notePage.pageNumber-1}">上一页</a> &nbsp
					</c:if>
					<c:if test="${notePage.pageNumber<page.totalPage}">
						<a href="/trip/showLocationByTotal/${notePage.pageNumber+1}">下一页</a> &nbsp
						<a href="/trip/showLocationByTotal/${notePage.totalPage}">末页</a> &nbsp
					</c:if>
					[${notePage.pageNumber}|${notePage.totalPage}]	
				</p>
<!--内容E-->

<!-- footer -->
	<footer class="footer_bg_bottom clearfix">
		<div class="footer_bottom container">
			<div class="col_2_3">
				
			
				<div class="clear padding20"></div>
				
				
				<p>
					&copy; Some Rights Reserved. &nbsp; <a href="#">Legal Notices</a>  More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a> </p>
				
			</div>
			
			<div class="clear padding20"></div>
		</div>
	</footer>
	<!-- /footer -->
<!--返回顶部-->
<div id="returnTop">
    <img src="BBS-imgs/top.png">
</div>

</body>

</html>